<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/html/layui/jquery-3.2.1.min.js"></script>
    <script src="/html/layui/layui.js"></script>
    <script src="/html/product/js/product.js"></script>
    <link href="../layui/css/layui.css" rel="stylesheet">

</head>
<body>
    <div class="layui-container">
        <table class="layui-table">
            <thead>
                <tr><th>商品名</th><th>单价</th><th>生产日期</th><th>操作</th></tr>
            </thead>
            <tbody id="productData"></tbody>
        </table>
        <div id="cutPageDiv"></div>

        <div class="layui-row">
            <div class="layui-col-md8">
                <a href="add.html">添加</a>
            </div>
            <div class="layui-col-md4">
                <form id="f1">
                    商品名：<input type="text" name="name" id="name"><br>
                    起始日期：<input type="text" name="startDate" id="startDate"><br>
                    结束日期：<input type="text" name="endDate" id="endDate"><br>
                    <a href="javascript:findByItem(1)" class="layui-btn layui-btn-normal">
                        <i class="layui-icon layui-icon-search"></i>
                        查询</a>
                </form>
            </div>
        </div>
    </div>

    <!--修改弹出层-->
    <div style="display: none" id="updateDiv">
        <form id="updateForm">
            <input type="hidden" name="id" id="id">
            商品名：<span id="nameSpan"></span><br>
            单价：<input type="text" name="price" id="price"><br>
            生产日期：<span id="createDateSpan"></span><br>
            <a class="layui-btn layui-btn-warm" href="javascript:updateProduct()">修改</a>
        </form>
    </div>
</body>
</html>